<template>
<!-- 详情页下面大家都在看内容 -->
  <div>
    <section>
      <div class="similargoods">
        <b>大家都在看</b>
      </div>
      <ul>
        <li v-for="(item,index) in list" :key="index">
          <img src="../../assets/image/detail-goods.png" alt="">
          <p>{{item.title}}</p>
          <span>￥{{item.price}}</span>
        </li>
      </ul>
    </section>
  </div>
</template>

<script>
export default {
  data(){
    return{
      list:[
        {
          title:'Trave-light乐旅系列一次性净柔洁面巾',
          price:'4.9',
        },
        {
          title:'Trave-light乐旅系列一次性净柔洁面巾',
          price:'4.9',
        },
        {
          title:'Trave-light乐旅系列一次性净柔洁面巾',
          price:'4.9',
        },
        {
          title:'Trave-light乐旅系列一次性净柔洁面巾',
          price:'4.9',
        },
        {
          title:'Trave-light乐旅系列一次性净柔洁面巾',
          price:'4.9',
        },
        {
          title:'Trave-light乐旅系列一次性净柔洁面巾',
          price:'4.9',
        }

      ]
    }
  }
}
</script>

<style lang="stylus" scoped>
.similargoods{
  width 100%
  height 58px
  text-align center
  line-height 38px
  b{
    font-size 16px
  }
}
ul{
    width 100%
    height 350px
    display flex
    justify-content space-evenly
    align-items center
    flex-wrap wrap
    li{
      width 108px
      height 166px
      img {
        width 97px
        height 97px
      }
      p{
        font-size 12px
      }
      span {
        font-size 15px
        color #BB2B25
      }
    }
    
  }
</style>